<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>window对象</title>
</head>
<body>
<img id="myImage" border="0" src="img/off.gif"/>

<script>
    // alert提示框  (只有确定按钮)
    // window.alert("你喜欢我吗?");

    // 输入框  (可以输入数据,有确定和取消按钮), 点击确定得到输入的内容, 点击取消得到null
    // let msg = window.prompt("你喜欢我什么?", "帅");
    // document.write(msg + "<br/>");

    // 确认框  (只有有确定和取消按钮), 点击确定得到true, 点击取消得到false
    // let msg = window.confirm("你真的喜欢我吗?");
    // document.write(msg + "<br/>");

    // window.可以省略
    // alert("你喜欢我吗?");

    // 定时器
    // setTimeout(函数名, 间隔毫秒数) 过指定时间后执行一次函数
    // setTimeout(show, 1000);

    // setInterval(函数名, 间隔毫秒数) 每隔指定的时间都会执行前面的函数(反复执行)
    // setInterval(show, 1000);
    // setInterval("show()", 1000);

    function show() {
        document.write("执行啦!" + "<br/>");
    }

    // 每隔一秒钟给img标签切换图片
    setInterval(changPicture, 1000);

    let num = 0;
    function changPicture() {
        if (num %2 == 0) {
            // 找到img标签,切换图片     document.getElementById("myImage"): 通过id获取标签
            document.getElementById("myImage").src = "img/on.gif";
        } else {
            document.getElementById("myImage").src = "img/off.gif";
        }

        num++;
    }
</script>
</body>
</html>